@import "../../style/public";
.date-choice {
    width: 100%;
    height: 100%;
    .header {
        display: flex;
        align-items: center;
        position: relative;
        z-index: 10000;
        background: #fff;
        color: #333;
        @include remCalc(font-size, 36);
        @include remCalc(line-height, 88);
        @include remCalc(padding, 0, 30);
        @include thin-border(false, false, bottom);
        @include remCalc(padding-top, 40);
        .left {
            position: absolute;
            @include remCalc(left, 30);
            color: $color-red;
            @include remCalc(font-size, 30);
            @include remCalc(width, 160);
        }
        .middle {
            text-align: center;
            flex: 1;
            @extend %text-overflow;
        }
    }
    .date-radio-list {
        @include remCalc(margin-top, 30);
        display: flex;
        justify-content: space-around;
        @include remCalc(margin-bottom, 30);
        @include remCalc(padding, 0, 15);
        .item {
            border-radius: 4px;
            line-height: 1;
            @include remCalc(padding, 20);
            @include remCalc(font-size, 28);
            color: #9c9c9c;
            border: 1px solid #b8bbbf;
        }
        .select {
            color: #2594ed;
            border-color: #2594ed;
        }
    }
    .user-defined {
        display: flex;
        align-items: center;
        @include remCalc(padding, 0, 30);
        .label {
            color: #9c9c9c;
            @include remCalc(font-size, 28);
            @include remCalc(margin-right, 12);
            white-space: nowrap;
        }
        .inpt {
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-radius: 4px;
            border: 1px solid #b8bbbf;
            color: #cccccc;
            @include remCalc(font-size, 28);
            @include remCalc(height, 63);
            @include remCalc(width, 494);
            @include remCalc(padding, 0, 20);
        }
    }
}
